﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <!--_meta 作为公共模版分离出去-->
    <% layout("/common/_meta.html",{title:"商品购买"}){} %>
    <!--_meta 作为公共模版分离出去-->
    <%

    %>
</head>
<body>
<div class="wap-container">
    <nav class="breadcrumb" style="background-color:#fff;padding: 0 24px">首页<span class="c-gray en">/</span>导购中心<span class="c-gray en">/</span>商品购买<a class="btn btn-success radius f-r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <article class="Hui-admin-content clearfix">
        <form action="${ctxPath}/center/buy" method="post" class="form form-horizontal" id="buyForm">
            <div class="panel mt-20">
                <div class="panel-body">
                    <div class="mt-20 clearfix">
                        <table class="table table-border table-bordered table-bg table-hover table-striped">
                            <thead>
                            <tr class="text-c">
                                <th>商品名称</th>
                                <th>价格</th>
                                <th>图片</th>
                                <th>类型</th>
                                <th>库存</th>
                                <th>所属商店</th>
                                <th>购买数量</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="text-c">
                                <td>${item.title}</td>
                                <td>${item.price}</td>
                                <td><img src="${item.mainImg1Url}" width="120" height="90"></td>
                                <td>${item.categoryName}</td>
                                <td>${item.leftCount}</td>
                                <td>${item.departmentName}</td>
                                <td><input type="hidden" value="${item.id}" name="itemId" id="itemId"><input type="number" class="input-text" value="1" id="count" name="count" max="${item.leftCount}" min="1"></td>
                            </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="6">
                                        姓名 <input type="text" class="input-text" id="name" name="name" placeholder="姓名" style="width: 200px;">
                                        电话 <input type="text" class="input-text" id="phone" name="phone" placeholder="电话" style="width: 200px;">
                                        地址 <input type="text" class="input-text" id="address" name="address" placeholder="地址" style="width: 400px;">
                                    </td>
                                    <td><button type="submit" class="btn btn-success btn-block radius">购买</button></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </form>
    </article>
</div>

<!--_footer 作为公共模版分离出去-->
<% layout("/common/_footer.html"){} %>

<!--/_footer 作为公共模版分离出去-->
<script type="text/javascript">
    $(function () {

    });
</script>
</body>
</html>
